// 全局属性
body{
	font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
}

/* 版心 */
@media all and (max-width:1349px) {
	.main {
		width: 990px;
		margin: 0 auto;
	}
}

@media all and (min-width:1350px) {
	.main {
		width: 1190px;
		margin: 0 auto;
	}
}
// 主体元素颜色
$bodyColor:#e2231a; 

//头部
.header{
	height: 110px;
	box-shadow: 2px 2px 30px #c1c1c1;
	>.main{
		// 头部logo盒子
		.head-logo{
			width: 160px;
			height: 50px;
			overflow: hidden;
			margin-top:24px;
			float: left;
			h1,a{
				width: 100%;
				height: 100%;
				display: block;
			}
			h1{
				a{
					background: url(../img/icon.png);
				}
			}
			
		}
		// 标题
		.head-title{
			float: left;
			height: 34px;
			line-height: 34px;
			font-size: 24px;
			color: #333;
			margin-top: 34px;
		}
		//  跳转登录
		.head-login{
			font-size: 16px;
			float: right;
			margin-top: 55px;
			color: #999;
			a{
				color: $bodyColor;
				&:hover{
					text-decoration: underline;
				}
			}
		}
	}
}

// 内容 
.context{
	.main{
		// 注册进度
		.pro-bar{
			overflow: hidden;
			position: relative;
			// 居中条件1、宽度2、margin:0 auto
			width: 400px;
			margin: 80px auto 0;
			// 进度item
			.pro-item{
				float: left;
				text-align: center;
				// 数字图标
				.step-index{
					display: block;
					width: 24px;
					height: 24px;
					line-height: 24px;
					font-size: 12px;
					font-weight: 700;
					background: #ccc;
					color: #fff;
					border-radius: 20px;
					text-align: center;
					margin: 0 auto;
				}
				// 手机号码
				.step-desc{
					font-size: 12px;
					margin-top: 10px;
				}
			}
			// 设置选择后样式
			>.active{
				>.step-index{
					color: #fff;
					background: #33bb44;
				}
			}
			// 进度线
			.pro-line{
				height: 10px;
				width: 124px;
				position: absolute;
				left: 55px;
				top: 7px;
				background: url(../img/reg-icon.png) no-repeat;
				background-position: 0 -100px;
			}
			// 进度item2
			.proitem2{
				margin-left: 106px;
			}
			// 进度线2
			.pro-line2{
				left: 228px;
			}
			// 进度item3
			.proitem3{
				margin-left: 112px;
			}
		}
		//  form表单父盒子
		.from-box{
			width: 400px;
			margin: 50px auto 186px;
			// form表单 
			form{
				height: 200px; 
				// form按键
				.btning{
					width: 100%;
					height: 52px;
					margin-top: 20px;
				}
				// 1、验证手机号码
				.from-item1{
					.bi1{
						border: 1px solid #CBD3DA;
					}
				}
				// 验证框
				.verification{
					// 验证码输入框
					#ver{
						width: 60%;
						float: left;
						margin-right: 30px;
					}
					// 获取验证码按键
					.getver{
						
					}
				}
				//2、填写账号信息
				.from-item2{
					.input-group{
						margin: 50px 0;
						height: 50px;
						input{
							height: 100%;
						}
						.input-group-prepend{
							.input-group-text{
								background-color: #fff;
							}
						}
					}
					// 立即注册
					.register{
						width: 100%;
						height: 50px;
						font-size: 19px;
					}
				}
				// 3、注册成功
				.from-item3{
					button{
						width: 100%;
						height: 50px;
						font-size: 19px;
						margin-top: 30px;
					}
				}
			}
		}
	}
}

//  底部